body{
    font-size:18px;
}
 
#container {
    width:950px;
    height:600px;
    margin:10px auto;
    padding:2px;
    border:2px;
    border-color:black;
    border-style:solid;
}
 
#Header {
    width:950px;
    margin:0 auto;
    background:#CCFFCC;
}
 
 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
}
 
li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
	background-color:#A3CCD6;
}
 
li a:hover {
    background-color:#708CE2;
    color:#707070;
}
 
 
 
 
#PageBody {
    width:950px;
    height:450px;
    padding:2px;
    margin:0 auto;
    background:#663DEA;
}
 
#MainBody {
    width:500px;
    height:400px;
    float:left;
    overflow:hidden;
    background:#A3CCD6;
}
 
#SideBar {
    width:350px;
    height:400px;
    float:left;
    overflow:hidden;
    background:#669999;
}
 
#Footer {
    clear:both;
    width:950px;
    margin:0 auto;
    background:#479BAA;
}